.title{background-color: white;}
.title .top{width: 100%;height: 95px;padding: 2vh 5%;}
.title .top .pop{float: left;}
.title .top .pop img{width: 72px;height: 72px;border-radius: 50%;}
.title .top .info{float: left;margin: 0px 2vh;}
.title .top .info span{line-height: 35px;color: #C78F09;}
.title .top .setting{float: right;line-height: 60px;}
.title .top .setting i{font-size: 1.7rem;}
.title .integral{border-top: 1px #ddd solid;}
.title .integral .profit{width: 100%;text-align: center;line-height: 30px;margin-top: 10px;font-size: 16px;}
.title .integral .profit b{font-size: 1.8rem;color: #c78f09;line-height: 2rem;}
.title .integral .accumulation{width: 100%;height: 50px;text-align: center;margin-top: 10px;font-size: 16px;}
.title .integral .accumulation b{color: #c78f09;}
.title .integral .accumulation .left{float: left;width: 50%;border-right: 1px darkslategrey solid;}
.title .integral .accumulation .right{float: right;width: 50%;}
.money{width: 100%;margin-top: 10px;background-color: white;display: flex;justify-content: space-between;align-items: center;font-size: 16px;padding: 1rem;}
.money b{color: #c78f09;}
.money button{border: none;border-radius: .3rem;background: linear-gradient(to right, #feb96c, #fe997f);color: white;font-weight: 600;font-size: 16px;letter-spacing: .2rem;}
.dateil{margin-top: .8rem;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;background: white;margin-bottom: 40px;}
.dateil h4{font-size: 1.2rem;font-weight: bold;padding: 1rem;border-bottom: 1px solid #ccc;}
.dateil .myorder{padding: 0 1rem;margin-bottom: 1rem;border-bottom: 1px solid #ddd;background: url(../img/cardbg.jpg) no-repeat;background-size: 10rem;}
.dateil .myorder .order-title{padding: 10px 0;}
.dateil .myorder .order-card img{width: 40%;height: 40%;}
.dateil .myorder .order-card{display: flex;justify-content: space-around;align-items: center;}
.dateil .myorder .order-card p{color: #c78f09;margin-bottom: 5px;}
.dateil .myorder .order-detail{text-align: center;width: 100%;margin-top: 20px;}
.dateil .myorder .order-detail p{color: #323232;}
.dateil .input{width: 100%;}
.dateil .input input[type='button']{width: 100%;border: none;padding: .7rem 2rem;border-radius: .3rem;background: linear-gradient(to right, #feb96c, #fe997f);color: white;font-weight: 600;font-size: 1rem;letter-spacing: .2rem;}
.buttom{height: 8vh;width: 100%;margin: 0;padding: 0;background: #f0f0f0;position: fixed;bottom: 0;border-top: 1px solid #ddd;display: flex;align-items: center;z-index: 999;font-size: .8rem;}
.buttom li{list-style-type: none;width: 25vw;text-align: center;padding-top: 2px;}
.buttom li a{text-decoration: none;color: black;}